<!--
 * @Descripttion: 大二一名学习前端开发的计科学生，缓慢成长中！
 * @emial: 2392862431@qq.com
 * @Author: SummerSofts
 * @Date: 2023-08-08 19:48:22
 * @LastEditors: SummerSofts
 * @LastEditTime: 2023-08-10 19:46:39
-->
<template>
    <div class="btnBox">
        <wmFlexBox :inline="false">
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
            <wmButton type="error">暖心</wmButton>
        </wmFlexBox>
    </div>
</template>
    
    
    
<script setup>
import { ref, reactive, onMounted } from "vue"
import { useRoute, useRouter } from "vue-router"
</script>
    
    
<style lang="less" scoped>
.btnBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;

    div {
        margin-right: 10px;
    }
}
</style>
    